/**
 * Global styles
 *
 * @author      hyperjiang <hyperjiang@gmail.com>
 * @copyright   Copyright (c) 2010 (http://saleshero.com)
 */
body {color:#505050; font:12px Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; line-height:160%; background:#FFF; text-align:left;}
img {border:none;}
form, table, input, select, textarea {margin:0; font:12px Tahoma, Arial, Verdana; color:#000;}
fieldset {border:1px solid #DADDEC; padding:5px 10px; margin:5px 0; display:block;}
fieldset legend {font-size:14px; font-weight:bold; color:#F60; padding:0 5px;}
p {margin:12px 0;}
small {font-size:11px;}
a {color:#2284f2; text-decoration:none;}
a:hover {color:#F40; text-decoration:none;}

.tips {color:gray;}
.highlight {background:#FF0;color:#E00}
.clearfloat {height:0px; overflow:hidden; clear:both; float:none; display:block;}

/* input text*/
input.text {border:1px solid #AAA; color:#333; padding:2px 2px 0 2px; background:#FFF; height:18px; line-height:18px;}
input.texthover {border-color:#777; color:#000;}

/* input button/submit */
input.button {height:21px; +line-height:20px !important; +line-height:16px; padding:0 5px; +padding:0 3px; border:1px solid #FFF; +border:1px solid #9EB0BC; margin-left:1px; outline: 1px solid #9EB0BC; background:#FFF url(/images/button/silver.jpg) scroll left center repeat-x;}
input.buttonhover {}
input.btn-1,
input.btn-2,
input.btn-3,
input.btn-4,
input.btn-5,
input.btn-6,
input.btn-7,
input.btn-8,
input.btn-9,
input.btn-10 {background:#FFF url(/images/button/orange.gif) no-repeat; border:none; outline:none; text-align:center; color:#FFF; overflow:hidden;}
input.btn-1,
input.btn-2,
input.btn-3,
input.btn-4 {height:21px; padding:0 0 5px 0; +padding:3px 0 0 0 !important; +padding:0;}
input.btn-1 {width:45px;}
input.btn-2 {background-position:-45px 0; width:63px;}
input.btn-3 {background-position:0 -21px; width:45px; color:#333;}
input.btn-4 {background-position:-45px -21px; width:63px; color:#333;}
input.btn-5,
input.btn-6,
input.btn-7 {height:25px; +padding-top:4px !important; padding-top:0; font-weight:bold;}
input.btn-5 {background-position:0 -42px; width:50px;}
input.btn-6 {background-position:-50px -42px; width:78px;}
input.btn-7 {background-position:-128px -42px; width:104px;}
input.btn-8,
input.btn-9,
input.btn-10 {height:24px; padding-bottom:3px; +padding-bottom:0; +padding-top:3px !important; padding-top:0; font-weight:bold;}
input.btn-8 {background-position:0 -67px; width:50px;}
input.btn-9 {background-position:-50px -67px; width:78px;}
input.btn-10 {background-position:-128px -67px; width:104px;}

/* textarea */
textarea {padding:2px; border:1px solid #AAA; background:#FFF; color:#333; overflow:auto;}
textarea.textareahover {border-color:#777; color:#000;}

/* @only firefox/opera/ie7+ */
input.text[disabled] {border-color:#AAA; background:#EFEFEF; color:#666;}
input.button[disabled] {border-color:#999; background:#EEE; color:#AAA;}
textarea[disabled] {border-color:#AAA; background:#EFEFEF; color:#666;}

.tablegrid {}
.tablegrid tr th {color:#333; font-weight:bold; border-bottom:1px solid #DADDEC; padding:5px 0;}
.tablegrid tr td {color:#555; border-bottom:1px dashed #DADDEC; padding:1px 0;}

.pagination {clear:both; font-weight:normal;}
.pagination a {background:#FFF; color:#06e; border:1px solid #DDDDDD; padding:2px 7px; text-decoration:none;}
.pagination a:hover {background:#F30; color:#FFF; text-decoration:none;}
.pagination .pageCurrentItem {color:#F30; font-weight:bold; padding:2px 7px;}
.pagination .pagePrev, .pagination .pageNext {+padding:2px 7px 0 7px;}